@import '../../../ui/base'

.help
  width 570px
  height 55px
  padding-left 26px
  background-color #F1F6FF
  margin 45px 0
  @extends .h-center
  > a
    margin-left 10px
  > span
    margin-right 10px

.set-password
  @extend .new-form


.avatar
  position relative
  width 100px
  height 100px
  display inline-block
  .avatarImage
    display inline-block
    width 100px
    height 100px
    background-repeat no-repeat
    margin 0
    transition background-image .2s
  input
    position: absolute;
    width: 100px;
    height: 100px;
    left: 0;
    top: 0;
    z-index: -1;
    display none
  i
    background-color #d8d8d8
    color #bdbdbd
  .text
    height 24px
    background-color rgba(0,0,0,.3)
    font-size 13px
    color #fff
    text-align center
    line-height 24px
    position absolute
    bottom 0
    width 100%
    left 0
    margin 0
    font-weight normal

.uploadPic
  @extends .h-center
  a
    width 80px
    height 80px
    border 1px solid rgb(221, 221, 221)
    text-align center
    word-break break-all
    display flex
    flex-direction column
    color $font-color
    font-size 12px
    justify-content center
    &+a
      margin-left 15px

.region
	@extends .h-center
	> div + div
		margin-left 10px

.cropImage
  clear fix
  > *
    float left

.cropPreview
  display flex
  flex-direction column
  align-items center
  margin-left 20px
  li
    border-radius 3px
    background-repeat no-repeat
    & + li
      margin-top 10px
    &.circle
      border-radius 100%

.cropImageDialog
  [data-role="close"]
    top -5px
    right -30px

.init-password
  position relative
  width 442px
  > a
    position absolute
    top 8px
    right 8px
    i
      color #bbb
    &.show-password
      i
        color #333
  > p
    position absolute
    top 100%
    margin-top 3px
    left 0

.link-filename
  color #8CA9C5 
  font-size 12px 
  display inline-block
  
.link-del
  color #CDDBE8
  margin-left 6px
  font-size 16px
  display none
  vertical-align middle
  i,a
    color inherit
    
.download-link
  cursor pointer
  &:hover 
    .link-filename
      color #3D98DF
    .link-del
      display inline-block    


